@charset "utf-8";
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dt,dd,ul,ol,li,form,input,textarea,th,tr,td,select,figure,figcaption {margin: 0;padding: 0;}
body {font-size: 12px;font-family: Arial, 微软雅黑;color: #333;/* min-width: 1300px; */}
h1,h2,h3,h4,h5 {font-weight: normal;}
em,i {font-style: normal;}
li {list-style: none;}
a {text-decoration: none;color: inherit;}
a:focus {text-decoration: none;outline: none;}
img {border: none;max-width: 100%;max-height: 100%;vertical-align: bottom;}
table {border-collapse: collapse;}
input,textarea {outline: none;background: #fff;border: none;}
textarea {resize: none;overflow: auto;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {-webkit-transition-delay: 99999s;-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;}

/* public */
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {content: '';display: block;height: 0;clear: both;visibility: hidden;}
.img-box {display: table-cell;  vertical-align: middle; text-align: center;}
.img_box {display: table-cell;  vertical-align: middle; text-align: center;}
.main {width: 100%;max-width: 1400px;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fixed {position: fixed;left: 0;top: 0;z-index: 999;}
.btn {font-family: '微软雅黑';cursor: pointer;}
.bl {display: inline-block;float: left;}
.br {display: inline-block;float: right;}
h1,h2,h3,h4,h5 {font-weight: normal;}
.img-box {position: relative;}
.img-box img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.navToggle{width: 30px;height: 30px;display: inline-block;font-size: 0;cursor: pointer;float: left;}
.navToggle:before{content: "";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.navToggle .icon,.navToggle .icon:after,.navToggle .icon:before{-webkit-transition: all .3s linear 0s;-moz-transition: all .3s linear 0s;transition: all .3s linear 0s;}
.navToggle .icon{width: 100%;height: 2px;display: inline-block;vertical-align: middle;background-color: #0089ab;}.navToggle .icon:after,.navToggle .icon:before{content: "";width: 30px;height: 2px;display: inline-block;background-color: #0089ab;position: relative;}
.navToggle .icon:before{top: -10px;}
.navToggle .icon:after{bottom: -8px;}
.navToggle.active .icon{width: 0;}
.navToggle.active .icon:before{top: -5px;-webkit-transform: translateY(4px) rotate(45deg);transform: translateY(4px) rotate(45deg);-ms-transform: translateY(4px) rotate(45deg);}
.navToggle.active .icon:after{top: -7px;-webkit-transform: translateY(4px) rotate(-45deg);transform: translateY(4px) rotate(-45deg);-ms-transform: translateY(4px) rotate(-45deg);}


.booking-content .bg1{background:url('../images/service_02.jpg') no-repeat center bottom/cover;}
.booking-content .bg2{background:url('../images/down_02.jpg') no-repeat center bottom;}
.booking-content .bg3{background:url('../images/course_02.jpg') no-repeat center bottom/auto 100%;}
.booking-content .from-bg{height: 840px;}
.second-select{padding-top:160px; width:635px;margin: 0 auto;}
.second-select_after{ padding-top:132px;}
.second-select .title{color:#fff; font-size:24px;}
.second-select .title span{ display:block; color:#b5b5b5; font-size:16px; padding-top:5px;}
.second-select dl{  margin:36px 0;padding-left:50px; background:url('../images/booking_select_type.png') no-repeat left bottom; position:relative;}
.second-select dl.dl_after{ background-image:url('../images/booking_select_after.png');}
.second-select dl dt{ cursor:pointer; border-bottom:1px solid #787878; line-height:45px; font-size:16px; color:#8b8a8a; background:url('../images/booking_select_type_a.png') no-repeat 96% center;}
.second-select dl dd{ position:absolute; width:calc( 100% - 50px ); left:50px; top:100%; z-index:10; display:none; font-size:16px;}
.second-select .input-list li{ position:relative; padding-left:30px; padding-right:17px;margin: 5px 0; background-repeat:no-repeat; background-position:left bottom;}
.second-select .input-list li.li_name{ background-image:url("../images/pop-icon01.png");}
.second-select .input-list li.li_tel{ background-image:url("../images/pop-icon02.png");}
.second-select .input-list li.li_ask{ background-image:url("../images/pop-icon06.png");}
.second-select .input-list li.li_area{ background-image:url("../images/pop-icon03.png");}
.second-select .input-list li.li_city{ background-image:url("../images/pop-icon03_1.png");}
.second-select .input-list li.li_strict{ background-image:url("../images/pop-icon03_2.png");}
.second-select .input-list li.li_company{ background-image:url("../images/pop-icon07.png");}
.second-select .input-list li.li_txt{ background-image:url("../images/pop-icon08.png");}
.second-select .input-list li.li_p{ background-image:url("../images/pop-icon09.png");}
.second-select .input-list li.li_time{ background-image:url("../images/pop-icon010.png");}
.second-select .input-list li.li_code{ background-image:url("../images/pop-icon011.png");}
.second-select .input-list li .form_err{ position:absolute; right:0; top:0;color:#c81623; line-height:40px;}
.second-select .input-list ul.row-2 li{ float:left; width:197px;}
.second-select .input-list ul.row-2 li:nth-child(2n){ float:right;}
.second-select .input-list ul.row-2:last-of-type{margin-top: 37px;}
.second-select select{ color:#9fa3a4;border-bottom-color:#787878;}
.second-select select option:first-child{ display:none;}
.second-select .text{border-bottom-color:#787878;}
.second-select .btn-box {float: left;margin-left: 90px;}
.second-select .btn-box .btn{ width:170px; font-size:16px; height:42px; line-height:40px;background-color: #0089ab;color: #FFFFFF;text-align: center;border: 0px;}
.from-table-same .text {width: 100%;line-height: 40px;height: 40px;color: #fff;border: none;border-bottom: 1px solid #7f7a77;background: none;}
.second-select select {color: #9fa3a4;border-bottom-color: #787878;}
.from-table-same select {border: none;border-bottom: 1px solid #7f7a77;line-height: 40px;height: 40px;width: 100%;color: #666;display: block !important;}
select {border: solid 1px #000;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url('../images/select.png') no-repeat scroll 95% center transparent;padding-right: 26px !important;}
.booking-content input::placeholder{color: #cac8c6;}
.booking-content select{color: #cac8c6;outline: none;}
.booking-content option{color: #000000;}
.second-select dd a, .first-select dd a {display: block;background: rgba(255, 255, 255, 0.7);line-height: 45px;height: 45px;padding: 0 20px;transition: 0.2s;}
.second-select dd a:hover,.first-select dd a:hover{font: bold 20px '微软雅黑';line-height: 45px;}
.row-2 li:nth-of-type(2){margin-right: 60px;}
.second-select .input-list li.li_txt{position: relative;}
.second-select .input-list li.li_txt .img{top: 50%;right: 17px;transform: translateY(-50%);width: 85px;height: 35px;position: absolute;cursor: pointer;}
.second-select .input-list li.li_txt .img img{width: 100%;height: 100%;object-fit: cover;}


/*当页面大于1200px时，大屏幕主要是PC端*/
@media (min-width:1200px){
.main{
	width: 83.333%;
	min-width: 1100px;
}
.container{
    max-width:1400px;
    width:83.33%;
    margin:0 auto;
	*zoom:1;
}
.col-lg-1{
    width:8.33%;
    float:left;
}
.col-lg-2{
    width:16.66%;
    float:left;
}
.col-lg-3{
    width:25%;
    float:left;
}
.col-lg-4{
    width:33.33%;
    float:left;
}
.col-lg-5{
    width:41.66%;
    float:left;
}
.col-lg-6{
    width:50%;
    float:left;
}
.col-lg-7{
    width:58.33%;
    float:left;
}
.col-lg-8{
    width:66.66%;
    float:left;
}
.col-lg-9{
    width:74.99%;
    float:left;
}
.col-lg-10{
    width:83.33%;
    float:left;
}
.col-lg-11{
    width:91.66%;
    float:left;
}
.col-lg-12{
    width:100%;
    float:left;
}



.hidden-lg{
    display: none!important;
}


.col-lg-offset-1{
    margin-left:8.33%;
}
.col-lg-offset-2{
    margin-left:16.66%;
}
.col-lg-offset-3{
    margin-left:25%;
}
.col-lg-offset-4{
    margin-left:33.33%;
}
.col-lg-offset-5{
    margin-left:41.66%;
}
.col-lg-offset-6{
    margin-left:50%;
}
.col-lg-offset-7{
    margin-left:58.33%;
}
.col-lg-offset-8{
    margin-left:66.66%;
}
.col-lg-offset-9{
    margin-left:74.99%;
}
.col-lg-offset-10{
    margin-left:83.33%;
}
.col-lg-offset-11{
    margin-left:91.66%;
}
.col-lg-offset-12{
    margin-left:100%;
}







}



/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1199px){

.main{
	width: 970px;
}
.container{
    max-width:1199px;
    width:83.33%;
    margin:0 auto;
    *zoom:1;
}
.col-md-1{
    width:8.33%;
    float:left;
}
.col-md-2{
    width:16.66%;
    float:left;
}
.col-md-3{
    width:25%;
    float:left;
}
.col-md-4{
    width:33.33%;
    float:left;
}
.col-md-5{
    width:41.66%;
    float:left;
}
.col-md-6{
    width:50%;
    float:left;
}
.col-md-7{
    width:58.33%;
    float:left;
}
.col-md-8{
    width:66.66%;
    float:left;
}
.col-md-9{
    width:74.99%;
    float:left;
}
.col-md-10{
    width:83.33%;
    float:left;
}
.col-md-11{
    width:91.66%;
    float:left;
}
.col-md-12{
    width:100%;
    float:left;
}





.hidden-md{
    display: none!important;
}


.col-md-offset-1{
    margin-left:8.33%;
}
.col-md-offset-2{
    margin-left:16.66%;
}
.col-md-offset-3{
    margin-left:25%;
}
.col-md-offset-4{
    margin-left:33.33%;
}
.col-md-offset-5{
    margin-left:41.66%;
}
.col-md-offset-6{
    margin-left:50%;
}
.col-md-offset-7{
    margin-left:58.33%;
}
.col-md-offset-8{
    margin-left:66.66%;
}
.col-md-offset-9{
    margin-left:74.99%;
}
.col-md-offset-10{
    margin-left:83.33%;
}
.col-md-offset-11{
    margin-left:91.66%;
}
.col-md-offset-12{
    margin-left:100%;
}




}




/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.main{
	width: 750px;
}
.container{
    max-width:991px;
    width:83.33%;
    margin:0 auto;
    *zoom:1;
}
.col-sm-1{
    width:8.33%;
    float:left;
}
.col-sm-2{
    width:16.66%;
    float:left;
}
.col-sm-3{
    width:25%;
    float:left;
}
.col-sm-4{
    width:33.33%;
    float:left;
}
.col-sm-5{
    width:41.66%;
    float:left;
}
.col-sm-6{
    width:50%;
    float:left;
}
.col-sm-6{
    width:50%;
    float:left;
}
.col-sm-7{
    width:58.33%;
    float:left;
}
.col-sm-8{
    width:66.66%;
    float:left;
}
.col-sm-9{
    width:74.99%;
    float:left;
}
.col-sm-10{
    width:83.33%;
    float:left;
}
.col-sm-11{
    width:91.66%;
    float:left;
}
.col-sm-12{
    width:100%;
    float:left;
}



.hidden-sm{
    display: none!important;
}



.col-sm-offset-1{
    margin-left:8.33%;
}
.col-sm-offset-2{
    margin-left:16.66%;
}
.col-sm-offset-3{
    margin-left:25%;
}
.col-sm-offset-4{
    margin-left:33.33%;
}
.col-sm-offset-5{
    margin-left:41.66%;
}
.col-sm-offset-6{
    margin-left:50%;
}
.col-sm-offset-7{
    margin-left:58.33%;
}
.col-sm-offset-8{
    margin-left:66.66%;
}
.col-sm-offset-9{
    margin-left:74.99%;
}
.col-sm-offset-10{
    margin-left:83.33%;
}
.col-sm-offset-11{
    margin-left:91.66%;
}
.col-sm-offset-12{
    margin-left:100%;
}






}





/*在小于767像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 767px){
.main{
	padding-left: 15px;
	padding-right: 15px;
}

.container{
    max-width:767px;
    width:90%;
    margin:0 auto;
    *zoom:1;
}
.col-xs-1{
    width:8.33%;
    float:left;
}
.col-xs-2{
    width:16.66%;
    float:left;
}
.col-xs-3{
    width:25%;
    float:left;
}
.col-xs-4{
    width:33.33%;
    float:left;
}
.col-xs-5{
    width:41.66%;
    float:left;
}
.col-xs-6{
    width:50%;
    float:left;
}
.col-xs-6{
    width:50%;
    float:left;
}
.col-xs-7{
    width:58.33%;
    float:left;
}
.col-xs-8{
    width:66.66%;
    float:left;
}
.col-xs-9{
    width:74.99%;
    float:left;
}
.col-xs-10{
    width:83.33%;
    float:left;
}
.col-xs-11{
    width:91.66%;
    float:left;
}
.col-xs-12{
    width:100%;
    float:left;
}



.hidden-xs{
    display: none!important;
}


.col-xs-offset-1{
    margin-left:8.33%;
}
.col-xs-offset-2{
    margin-left:16.66%;
}
.col-xs-offset-3{
    margin-left:25%;
}
.col-xs-offset-4{
    margin-left:33.33%;
}
.col-xs-offset-5{
    margin-left:41.66%;
}
.col-xs-offset-6{
    margin-left:50%;
}
.col-xs-offset-7{
    margin-left:58.33%;
}
.col-xs-offset-8{
    margin-left:66.66%;
}
.col-xs-offset-9{
    margin-left:74.99%;
}
.col-xs-offset-10{
    margin-left:83.33%;
}
.col-xs-offset-11{
    margin-left:91.66%;
}
.col-xs-offset-12{
    margin-left:100%;
}


}


